<template>
  <div id="app">
    <!-- 这里的v-if和v-else只能选择显示登录页面或者是已经登录好的页面 -->
    <!-- <Welcome v-if="flag" /> -->
    <!-- <Login v-if="flag" /> -->
    <Header v-show="isNotAdmin" />
    <!-- 路由组件出口的地方 -->
    <router-view></router-view>
  </div>
</template>

<script>
import Header from "./components/Header";
export default {
  name: "App",
  components: { Header },
  data() {
    return {
      isNotAdmin: true,
    };
  },
  mounted() {
    // 接收子组件传递过来的数据
    this.$bus.$on("isShowHeader", (data) => {
      this.isNotAdmin = false;
    });
    // 当手动刷新页面时重新跳转到指定页面
    // this.$router.push("/");
    // 获取当前路由地址的路径，若当前地址有/admin时也不展示Header
    var reg = RegExp(/\/admin/);
    if (this.$route.path.match(reg)) {
      this.isNotAdmin = false;
    }
  },
};
</script>

<style>
/* 设置滚动条的样式 */
::-webkit-scrollbar {
  width: 2px;
}
/*滚动槽*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #e40a0a1a;
  -webkit-box-shadow: inset 0 0 6px #00000080;
}
::-webkit-scrollbar-thumb:window-inactive {
  background: #9e0ad84d;
}
body {
  margin: 0;
  padding-bottom: 280px;
  height: 100%;
  width: 100%;
  /* background: rgba(255,0,0,0,2); */
  /* background: linear-gradient(to right, rgb(192, 214, 233), rgb(161, 142, 230)); */
  background-image: url("../public/images/bgImages/bg6.jpg");
  /* 设置背景固定不动 */
  background-attachment: fixed;
  /* 鼠标图案 */
  cursor: url(https://cdn.jsdelivr.net/gh/mirai-mamori/web-img/img/Nor.cur),
    auto;
}
a {
  cursor: url(https://cdn.jsdelivr.net/gh/mirai-mamori/web-img/img/Ayu.cur),
    auto;
}

a:active {
  cursor: url(https://cdn.jsdelivr.net/gh/mirai-mamori/web-img/img/Work.cur),
    alias;
}
</style>
